﻿/* COMMON */
body { font-size: 12px; font-family: simsun,Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #696969; overflow-x: hidden; }

input:focus { outline: none; }

textarea:focus { outline: none; }

a { color: #666; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: none; }

pre { margin: 0; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

textarea { min-height: 95px; overflow: auto; border: 1px solid #ccc; padding: 2px; font-size: 12px; width: 200px; color: #444; }

input[type="text"], input[type="password"] { border: 1px solid #ccc; margin-right: 6px; font-size: 12px; color: #444; height: 20px; line-height: 20px; width: 200px; font-family: simsun; }

select { border: 1px solid #ccc; margin-right: 6px; font-size: 12px; color: #444; height: 20px; line-height: 20px; font-family: simsun; }

input[type="checkbox"] { border: 0; }

.upload input[type="file"] { border: 1px solid #ccc; width: 200px; font-size: 12px; color: #444; height: 26px; }

.upload input[type="button"] { margin-left: 5px; border: 1px solid #ccc; font-size: 12px; color: #444; height: 26px; }

.upload img { margin-bottom: 5px; border: 0; width: 150px; height: 180px; }

ul { list-style-type: none; }

.sitemap { height: 36px; color: Black; font-size: 13px; font-weight: bold; padding-left: 36px; padding-right: 18px; line-height: 36px; overflow: hidden; background: url(Img/icon_sitemap.gif) no-repeat; }

.sitemap .action input { z-index: 1111; }

.index .sitemap { display: none; }

.index .function { /*background: #f3f3f3 url(Img/ToolBarBg.jpg) repeat-x;*/ border-bottom: 1px solidk #d7d7d7; white-space: nowrap; padding: 7px; position: relative; text-align: right; }
/*
.function button
{
	border: 1px solid #99BBE8;
	color: #666666;
	font-size: 12px;
	margin-right: 5px;
	height: 22px;
	background: url(Img/MainNavOver.jpg) repeat-x;
	position: relative;
	padding-left: 22px;
	*padding-left: 15px;
}
.function button img
{
	position: absolute;
	left: 3px;
	top: 2px;
}
*/
.function .search { background: #fff; float: left; padding: 2px; }
.function .search input { height: 24px; border: solid 1px #ccc; width: 230px; float: left; }
.function .search button { width: 28px; height: 28px; padding: 0px; margin: 0px; border: none; background: url(Img/icon_search.gif); cursor: pointer; }


/* DETAILS / CREATE / EDIT */


.form { width: 100%; height: 100%; }

table { border-collapse: collapse; font-size: 12px; font-family: /*Verdana,*/ simsun,Arial, Helvetica, sans-serif; width: 100%; }
table td { padding: 5px; text-align: center; }

table th { padding: 5px; font-weight: normal; white-space: nowrap; }

table a { text-decoration: none; color: #666; white-space: nowrap; }

table tr.item { background-color: #fff; cursor: pointer; }

table tr.head { background-color: rgb(237, 238, 237); }
/*
table tr.alt
{
	background-color: #ffe;
}*/

table tr.cur { background-color: rgb(255, 235, 193); }

.body { clear: both; overflow: hidden; overflow-y: auto; }

.page { color: #3771d7; text-align: center; white-space: nowrap; position: absolute; bottom: 0px; padding: 5px; width: 100%; background: #fff; line-height: 22px; }

.page a { color: #3771d7; border: solid 1px #cccdcc; padding: 5px 12px; text-decoration: none; cursor: pointer; font-size: 14px; font-weight: bold; }

.page a:hover { background-color: rgb(91, 166, 51); }

.page input { border: none; border-bottom: 1px solid #666; color: #666; font-size: 12px; margin: 0px; padding: 0px; text-align: center; }
.page button { color: #3771d7; border: solid 1px #cccdcc; padding: 5px 12px; font-size: 14px; font-weight: bold; margin-left: 5px; }

.page button:hover { cursor: pointer; background-color: rgb(91, 166, 51); }

.detail .function { background: none; position: relative; z-index: 100; overflow: hidden; min-width: 400px; padding-left: 20px; background: url(Img/ToolBarBg.jpg) repeat-x; }

.detail .function ul { display: inline; list-style-type: none; height: 30px; white-space: nowrap; }

.detail .function ul li { float: left; display: inline-block; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; padding: 0px 20px; cursor: pointer; color: #15429f; line-height: 36px; height: 30px; }

.detail .function ul li.cur { background-color: White; border: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; }

.detail .function ul li:hover { background-color: White; border: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; }

.detail .body { z-index: 2; min-width: 400px; padding: 20px; }

.detail .body ul { display: none; }

.detail .body ul.cur { display: inline; }

.detail .body ul li { padding: 2px 0; line-height: 30px; float: left; min-width: 550px; white-space: nowrap; clear: both; }

.detail .body ul li label { float: left; width: 30%; font-size: 13px; text-align: right; min-width: 180px; color: #333333; }

.detail .body ul li label label { width: 90%; }

.detail .body ul li span { padding-top: 3px; font-size: 13px; display: block; line-height: 20px; float: left; padding-left: 20px; }

.detail .body ul li .field-validation-error { line-height: normal; color: #ff0000; margin: 0; padding-left: 0; float: right; }

.detail .action { float: right; }

.create .function { background: none; position: relative; z-index: 100; overflow: hidden; min-width: 400px; padding-left: 20px; background: url(Img/ToolBarBg.jpg) repeat-x; }

.create .function ul { display: inline; list-style-type: none; height: 30px; white-space: nowrap; }

.create .function ul li { float: left; display: inline-block; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; padding: 0px 20px; cursor: pointer; color: #15429f; line-height: 36px; height: 30px; }

.create .function ul li.cur { background-color: White; border: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; }

.create .function ul li:hover { background-color: White; border: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; }

.create .body { z-index: 2; min-width: 400px; padding: 20px; }

.create .body ul { display: none; }

.create .body ul.cur { display: inline; }

.create .body ul li { padding: 2px 0; line-height: 30px; float: left; min-width: 550px; white-space: nowrap; clear: both; }

.create .body ul li label { float: left; font-size: 13px; text-align: right; width: 200px; color: #333333; }

.create .body ul li label label { width: 170px; }

.create .body ul li span { padding-top: 3px; font-size: 13px; display: block; line-height: 20px; float: left; padding-left: 20px; }

.create .body ul li span .radiolabel { width: 50px; float: none; font-size: 13px; text-align: right; color: #333333; }

.create .body ul li span .checklabel { width: 50px; float: none; font-size: 13px; text-align: right; color: #333333; }

.create .body ul li .field-validation-error { line-height: normal; color: #ff0000; margin: 0; padding-left: 0; float: right; }

.create .action { float: right; }

/* INDEX */

.index { overflow: hidden; }

.index .form { float: left; width: 50%; overflow: hidden; border-right: 1px solid #e8eef4; position: relative; height: 100%; display: none; }

.index .hscroll { overflow: hidden; overflow-y: auto; }

.index .split { float: left; width: 3px; font-size: 1px; z-index: 200; cursor: w-resize; }

.index .detail { border-left: 1px solid #e8eef4; width: 45%; float: left; height: 100%; }

.index .detail iframe { width: 100%; }

.index .mask { clear: both; left: 0; top: 0; background-color: Gray; display: none; width: 100%; position: absolute; filter: alpha(Opacity=1); -moz-opacity: 0.01; opacity: 0.01; cursor: w-resize; }

/* EDIT validation */
.field-validation-error { float: right; color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; }

.validation-summary-valid { display: none; }

.tabview .form { position: relative; z-index: 1; width: 100%; }

.tabview .function { background: none; position: relative; z-index: 100; overflow: hidden; min-width: 400px; background: url(Img/ToolBarBg.jpg) repeat-x; padding-left: 30px; }

.tabview .function ul { display: inline; list-style-type: none; height: 30px; white-space: nowrap; }

.tabview .function ul li { float: left; display: inline-block; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; padding: 0px 20px; cursor: pointer; color: #15429f; line-height: 36px; height: 30px; }

.tabview .function ul li.cur { background-color: White; border: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; }

.tabview .function ul li:hover { background-color: White; border: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; }

.tabview .body { z-index: 2; min-width: 400px; overflow: hidden; }

.tabview .body iframe { width: 100%; height: 100%; display: none; border: 0; }

.tabview .body iframe.cur { width: 100%; height: 100%; display: inline; border: 0; }

.nositemap .sitemap { display: none; }

.nosearch .search { display: none; }

.nopage .page { display: none; }

.nofunction .function { display: none; }

.btn_new { background: url(Img/icon_add.gif) no-repeat; border: 0px; height: 22px; padding-left: 20px; color: #5ba633; font-weight: bold; font-size: 15px; margin-top: 8px; cursor: pointer; }

.btn_export { background: url(Img/icon_export.gif) no-repeat; border: 0px; height: 22px; padding-left: 20px; color: #5ba633; font-weight: bold; font-size: 15px; margin-top: 8px; cursor: pointer; }

.btn_delete { background: url(Img/icon_delete.gif) no-repeat; border: 0px; height: 22px; padding-left: 20px; color: #5ba633; font-weight: bold; font-size: 15px; margin-top: 8px; cursor: pointer; }

.btn_save { background: url(Img/icon_save.gif) no-repeat; border: 0px; height: 22px; padding-left: 20px; color: #5ba633; font-weight: bold; font-size: 15px; margin-top: 8px; cursor: pointer; }

.btn_back { background: url(Img/icon_back.gif) no-repeat; border: 0px; height: 22px; padding-left: 20px; color: #5ba633; font-weight: bold; font-size: 15px; margin-top: 8px; cursor: pointer; }
/*
.ui-draggable .ui-dialog-titlebar 
{
    z-index: 1100;
    margin-bottom: -37px;
}

.ui-widget-header 
{
    background: none;
    background-color: transparent;
    border: 0;      
}*/

ul.treeview { background: #f0f6e4; }

 
